import React, { ReactNode } from 'react';
import PropTypes from 'prop-types';

import { ColWrap } from './style';

export interface ColProps {
  /** 栅格占位格数 */
  span?: number;
  /** 栅格向右偏移格数，偏移占位 */
  offset?: number;
  /** 栅格向左偏移格数，偏移不占位 */
  pull?: number;
  /** 栅格向右偏移格数，偏移不占位 */
  push?: number;
  /** flex布局下的order */
  order?: number;
  /** @ignore */
  className?: string;
  /** @ignore */
  children?: ReactNode;
}

const Col = ({ ...rest }: ColProps) => {
  return <ColWrap {...rest} />;
};

Col.propTypes = {
  /** 栅格占位格数 */
  span: PropTypes.number,
  /** 栅格向右偏移格数，偏移占位 */
  offset: PropTypes.number,
  /** 栅格向左偏移格数，偏移不占位 */
  pull: PropTypes.number,
  /** 栅格向右偏移格数，偏移不占位 */
  push: PropTypes.number,
  /** flex布局下的order */
  order: PropTypes.number,
  /** @ignore */
  gutter: PropTypes.number,
  /** @ignore */
  className: PropTypes.string,
};

export default Col;
